{extend name="public/base" /}
{block name='content'}
{include file='public/content_header' /}
<!--数据列表页面-->
<section class="content">

	<!--顶部搜索筛选-->
	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header dataSearch">
					<form class="form-inline searchForm" id="searchForm" action="{:url('index')}" method="GET">

						<div class="form-group smallSelect">
							<select name="_order" id="_order" class="form-control input-sm index-order">
								<option value="">排序字段</option>
								<option value="id" {if isset($_order) && $_order=='id'}selected{/if}>ID</option><option value="create_time" {if isset($_order) && $_order=='create_time'}selected{/if}>创建时间</option>
							</select>
						</div>

						<div class="form-group smallSelect">
							<select name="_by" id="_by" class="form-control input-sm index-order">
								<option value="">排序方式</option>
								<option value="desc" {if isset($_by) && $_by=='desc'}selected{/if}>倒序</option>
								<option value="asc" {if isset($_by) && $_by=='asc'}selected{/if}>正序</option>
							</select>
						</div>
						<script>
							$('#_order').select2();
							$('#_by').select2();
						</script>

						<div class="form-group searchGroup">
							<button class="btn btn-sm btn-primary" type="submit"><i class="fa fa-search"></i> 查询
							</button>
						</div>

						<div class="form-group searchGroup">
							<button onclick="clearSearchForm()" class="btn btn-sm btn-default" type="button"><i
									class="fa  fa-eraser"></i> 清空查询
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-md-12">
			<div class="card">

				<!--数据列表顶部-->
				<div class="card-header">
					<div>
						<button class="btn btn-danger btn-sm AjaxButton" data-toggle="tooltip" title="删除选中数据" data-confirm-title="删除确认" data-confirm-content="您确定要删除选中的数据吗？" data-id="checked" data-url="{:url('del')}">
							<i class="fa fa-trash"></i> 删除
						</button>
						<button class="btn btn-default btn-sm ReloadButton" data-toggle="tooltip" title="刷新列表数据">
							<i class="fas fa-redo"></i> 刷新
						</button>
					</div>
				</div>

				<div class="card-body table-responsive p-0" >
					<table class="table table-hover table-bordered dataTable text-nowrap">
						<thead>
						<tr>
							<th>
								<input id="dataCheckAll" type="checkbox" onclick="checkAll(this)" class="checkbox" placeholder="全选/取消">
							</th>
							<th>ID</th>
							<th>用户</th>
							<th>图片</th>
							<th>DID图片ID</th>
							<th>创建时间</th>

							<th>操作</th>
						</tr>
						</thead>
						<tbody>
						{foreach name='data' id='item' key='data_key'}
						<tr>
							<td>
								<input type="checkbox" onclick="checkThis(this)" name="dataCheckbox" data-id="{$item.id}" class="checkbox dataListCheck" value="{$item.id}" placeholder="选择/取消">
							</td>
							<td>{$item.id}</td>
							<td>{$item.user.username|default=''}</td>
							<td class="projects">
								<span class="list-inline-item">
									<img class="table-avatar" src="{$item.url}">
								</span>
							</td>
							<td>{$item.img_id}</td>
							<td>{$item.create_time}</td>

							<td class="td-do">
								<button class="btn btn-danger btn-xs AjaxButton" data-toggle="tooltip" title="删除"  data-id="{$item.id}" data-confirm-title="删除确认" data-confirm-content='您确定要删除ID为 <span class="text-red">{$item.id}</span> 的数据吗' data-url="{:url('del')}">
									<i class="fas fa-trash-alt"></i>

								</button>
							</td>
						</tr>
						{/foreach}
						</tbody>
					</table>
				</div>

				<!-- 数据列表底部 -->
				<div class="card-footer">
					{$page|raw}
					{include file='public/change_page' /}
				</div>

			</div>
		</div>
	</div>
</section>
{/block}
